<template>


    <div id="app">

    <div class="contentpanel">
        <div style="height:100%;">

        <div class="row row-stat">

            <div class="col-md-3">
                <div class="panel noborder">

                    <router-link to="/paper_add_new">
                    <div class="panel-heading noborder">
                        <div class="panel-icon icon-user"><i class="fa fa-pencil"></i></div>
                        <div class="media-body">
                            <h4 class="mt5">创建考试</h4>
                            <h5 class="md-title nomargin">可选择创建新试卷，或从试卷库中选择一张试卷</h5>
                        </div><!-- media-body -->
                    </div><!-- panel-body -->
                    </router-link>

                </div><!-- panel -->
            </div><!-- col-md-3 -->
            
            <div class="col-md-3">
                <div class="panel noborder">

                    <router-link to="/">
                    <div class="panel-heading noborder">
                        <div class="panel-icon icon-globe"><i class="fa fa-file-text"></i></div>
                        <div class="media-body">
                            <h4 class="mt5">添加试题</h4>
                            <h5 class="md-title nomargin">手动录入或批量录入试题，完善您的试题库</h5>
                        </div><!-- media-body -->
                    </div><!-- panel-body -->
                    </router-link>

                </div><!-- panel -->
            </div><!-- col-md-3 -->

            <div class="col-md-3">
                <div class="panel noborder">
                    
                    <router-link to="/">
                    <div class="panel-heading noborder">
                        <div class="panel-icon icon-envelope"><i class="fa fa-users"></i></div>
                        <div class="media-body">
                            <h4 class="mt5">添加人员</h4>
                            <h5 class="md-title nomargin">填写账号信息及人员信息，添加人员至相关部门</h5>
                        </div><!-- media-body -->
                    </div><!-- panel-body -->
                    </router-link>

                </div><!-- panel -->
            </div><!-- col-md-3 -->

            <div class="col-md-3">
                <div class="panel noborder">
                    
                    <router-link to="/">
                    <div class="panel-heading noborder">
                        <div class="panel-icon icon-gavel"><i class="fa fa-gavel"></i></div>
                        <div class="media-body">
                            <h4 class="mt5">创建课程</h4>
                            <h5 class="md-title nomargin">填写课程相关信息，并设置关联课件及可学人员</h5>
                        </div><!-- media-body -->
                    </div><!-- panel-body -->
                    </router-link>

                </div><!-- panel -->
            </div><!-- col-md-3 -->

        </div><!-- row -->

        <div class="row">
            <div class="col-md-8" style="width: 100%;">
                <div class="page-header" style="padding-left: 5px;">
                    <h4>正在进行的考试（1）</h4>
                </div>
                <div class="page_item animate">
                    <div class="page_item_main">
                        <div class="page_item_title">
                            <span class="common-title">考试示例</span>
                            
                        </div>
                        <p class="page_item_time">2019-11-21 08:56 至 2019-11-24 08:56</p>
                        <ul class="page_item_information">
                            <li>分数：100.0</li>
                            <li>方式：登录考试</li>
                            <li>类型：选题组卷</li>
                                
                                    <li>时长：60分钟</li>
                        </ul>
                        <p class="examer_total"><span style="color:#1A8CFE">0人</span>正在考试</p>
                    </div>
                </div>
                
            </div>
        </div><!-- row -->

        <div class="row">
            <div class="col-md-8" style="width: 100%;">
                <div class="page-header" style="padding-left: 5px;">
                    <h4>正在进行的课程（0）</h4>
                </div>
                <div class="placeholder" v-show="corse_data == ''">
                    还没有正在进行的课程，快去创建一堂课程吧～
                </div>

                <div class="page_item animate"  v-show="corse_data">
                    <div class="page_item_main">
                        <div class="page_item_title">
                            <span class="common-title">考试示例</span>
                            
                        </div>
                        <p class="page_item_time">2019-11-21 08:56 至 2019-11-24 08:56</p>
                        <ul class="page_item_information">
                            <li>分数：100.0</li>
                            <li>方式：登录考试</li>
                            <li>类型：选题组卷</li>
                                
                                    <li>时长：60分钟</li>
                        </ul>
                        <p class="examer_total"><span style="color:#1A8CFE">0人</span>正在考试</p>
                    </div>
                </div>
            </div>
        </div><!-- row -->

        <div class="row">
            <div class="col-md-8" style="width: 100%;">
                <div class="page-header" style="padding-left: 5px;">
                    <h4>正在进行的任务（0）</h4>
                </div>

                <div class="placeholder" v-show="task_data == ''">
                    还没有正在进行的任务，快去创建一个自定义任务吧～
                </div>

                <div class="page_item animate"  v-show="task_data">
                    <div class="page_item_main">
                        <div class="page_item_title">
                            <span class="common-title">考试示例</span>
                            
                        </div>
                        <p class="page_item_time">2019-11-21 08:56 至 2019-11-24 08:56</p>
                        <ul class="page_item_information">
                            <li>分数：100.0</li>
                            <li>方式：登录考试</li>
                            <li>类型：选题组卷</li>
                                
                                    <li>时长：60分钟</li>
                        </ul>
                        <p class="examer_total"><span style="color:#1A8CFE">0人</span>正在考试</p>
                    </div>
                </div>
                
            </div>
        </div><!-- row -->

        </div>

    </div>

    </div>

</template>

<script>
export default {
    name:'row',
    data() {
        return {
            account:'',
            password:"",
            corse_data:"",
            task_data:'',
        }
    },

}
</script>

<style>
   
</style>

